.center {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    align-content: space-evenly;
}

.round {
    border-radius: 8px;
}

html {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.transition {
    transition-property: background-color, font-size, height, width, color;
    transition-duration: 300ms;
    // transition-timing-function: ease-in-out;
    transition-timing-function: cubic-bezier(0.79, 0.14, 0.15, 0.86);
}

.container {
    background-color: #1f3134;
    height: 220px;
    width: 220px;

    .item-0 {
        background-color: #c8c2be;
        width: 80px;
        height: 60px;
    }

    .item-1 {
        background-color: #e7e7eb;
        width: 80px;
        height: 40px;
    }

    &:hover {
        font-size: 1.5rem;
        color: #dbd0e6;
        background-color: #e8d3c7;

        .item-0 {
            background-color: #000b00;
            width: 100px;
            height: 40px;
        }

        .item-1 {
            background-color: #333631;
            width: 100px;
            height: 60px;
        }
    }
}